// 暴露出去一个实例化的 vue-router 的路由实例对象

// 引入 Vue 核心
import Vue from "vue";

// 引入 vue-router 插件
import VueRouter from "vue-router";

// 引入定义好的路由组件 views 文件中写的组件 @ => src
import HelloHome from "@/views/HelloHome";
import HelloAbout from "@/views/HelloAbout";
import HelloDetail from "@/views/HelloDetail";

// 注册 vue-router 插件
Vue.use(VueRouter);

// 实例化 路由实例对象
const router = new VueRouter({
  // 配置选项

  // 路由规则集合
  routes: [
    {
      path: "/home",
      name: "abc",
      component: HelloHome,
    },
    {
      path: "/about",
      name: "about",
      component: HelloAbout,
    },
    {
      path: "/detail",
      name: "detail",
      component: HelloDetail,
    },
  ],
});

// // beforeEach  全局前置
// //    跳转之前执行
// router.beforeEach((to, from, next) => {
//   NProgress.start();
//   console.log("beforeEach");
//   next();
// });

// // afterEach   全局后置
// //    跳转完成执行   它没有 next 函数
// router.afterEach(() => {
//   NProgress.done();
//   console.log("afterEach");
// });

// 暴露
export default router;
